$(function () {
  /* 调用视频背景 */
  $(function () {
    $("body").vidbacking({
      masked: false,
    });
  });
  /* 登录注册框的切换 */
  //注册登录框去注册点击事件
  $("#login_link").on("click", function () {
    $(".login_box").hide();
    $(".registration_box").show();
  });
  //注册页去登录点击事件
  $("#registration_link").on("click", function () {
    $(".login_box").show();
    $(".registration_box").hide();
  });
  /* -------------------------------- */
  /* 表单验证 */
  let form = layui.form;
  form.verify({
    //密码验证
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位,且不能出现空格"],
    //用户名验证
    username: function (value) {
      if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
        return "用户名不能有特殊字符";
      }
      if (/(^\_)|(\__)|(\_+$)/.test(value)) {
        return "用户名首尾不能出现下划线'_'";
      }
      if (/^\d+\d+\d$/.test(value)) {
        return "用户名不能全为数字";
      }
    },
    //确认密码验证
    repassword: function (value) {
      // console.log(value_1);\
      let value_1 = $(".registration_box input[name = password]").val();
      if (value !== value_1) {
        return "两次密码不一致";
      }
    },
  });
  /*   --------------------------------- */
  /* 注册功能实现 */
  //注册注册表单提交事件
  $("#registration_form").on("submit", function (e) {
    e.preventDefault();
    //获取表单里面的username 和password
    let username = $("#registration_form [name=username]").val().trim();
    let password = $("#registration_form [name=password]").val().trim();
    // console.log(username, password);
    //发送到接口 post
    $.ajax({
      type: "post",
      url: "/api/reguser",
      data: { username, password },
      // dataType: "dataType",
      success: function (res) {
        //展示
        //如果不成功 就提醒
        if (res.status != 0) return layui.layer.msg(res.message);
        layui.layer.msg(res.message);
        //跳转到登录 （直接触发“去登录”按钮的点击）
        $("#registration_link").click();
        //清空
        $("#registration_form")[0].reset();
        //用户密码记录到登录的框里
        $("#login_form [name=username]").val(username);
        $("#login_form [name=password]").val(password);
      },
    });
  });
  /* 登录功能的实现 */
  //注册登录表单提交事件
  $("#login_form").on("submit", function (e) {
    e.preventDefault();
    //获取登录框里面的内容
    const data = $(this).serialize();
    // console.log(data);
    //发送到接口
    $.ajax({
      type: "post",
      url: "/api/login",
      data,
      // dataType: "dataType",
      success: function (res) {
        //失败提醒
        if (res.status != 0) return layui.layer.msg(res.message);
        layui.layer.msg(res.message);
        //存储token
        localStorage.setItem("token", res.token);
        //跳转主页
        setTimeout(function () {
          location.href = "/index.html";
        }, 1000);
      },
    });
  });
});
